$(function () {
  // 1.注册页面显示
  $("#toRegister").on("click", function () {
    $(".loginBox").hide()
    $(".registerBox").show()
  })

  // 2.登录页面显示
  $("#toLogin").on("click", function () {
    $(".registerBox").hide()
    $(".loginBox").show()
  })

  axios.defaults.baseURL = "http://www.liulongbin.top:3007"
  // layui 表单正则匹配
  layui.form.verify({
    // 用户名
    username: [/^[a-zA-Z0-9]{1,10}$/, "用户名必须为1-10位字母或数字"],
    // 密码
    password: [/^\S{6,10}$/, "密码为6-10位非空字符串"],
    // 再次输入密码
    repassword: function (value) {
      if (value != $('.registerBox [name="password"]').val()) {
        return "两次输入密码不一致"
      }
    },
  })

  // 3.登录功能
  $("#register").on("submit", function (e) {
    e.preventDefault()
    // 发送请求
    axios({
      method: "post",
      url: "/api/reguser",
      data: $(this).serialize(),
    }).then(({ data: res }) => {
      // 失败提示
      if (res.status != 0) {
        return layer.msg(res.message, { time: 1000 })
      }
      // 成功提示，并跳转到登录
      layer.msg("恭喜您！注册成功", { time: 1000 })
      this.reset()
      setTimeout(function () {
        $("#toLogin").click()
      }, 1000)
    })
  })

  // 4.注册功能
  $("#login").on("submit", function (e) {
    e.preventDefault()
    // 发送请求
    axios({
      method: "post",
      url: "/api/login",
      data: $(this).serialize(),
    }).then(({ data: res }) => {
      // 失败提示
      if (res.status != 0) {
        return layer.msg(res.message, { time: 1000 })
      }
      // 成功提示，并跳转到登录
      layer.msg("登录成功")
      // 保存token到本地
      localStorage.setItem("userTokenH1", res.token)
      // 表单清空
      this.reset()
      // 页面跳转
      location.href = "/index.html"
    })
  })
})
